<style>
    #warehouse-form strong{
        color: red;
    }
    .el-dialog--center .el-dialog__body {
        text-align: initial;
        padding: 25px 25px 30px;
    }

    .el-dialog__body {
        padding: 20px;
        color: #48526a;
        font-size: 14px;
    }
    .el-dialog__body {
        padding: 30px 20px;
        color: #606266;
        line-height: 24px;
        font-size: 14px;
    }
    .in-content .products-list {
        border-bottom: 1px solid #ddd;
    }
    .in-content {
        width: 850px;
    }

    .layui-layer-iframe {
      width: 900px !important;
    }
    .in-content .products-list .head-box {
        padding-bottom: 10px;
    }
    .in-content .products-list .k1, .in-content .products-list .k2 {
        width: 260px;
    }
    .in-content .products-list .k3{
      width: 100px;
    }
    .in-content .products-list .k4{
      width: 100px;
    }
    .in-content .products-list .list-content .pd-item {
      height: 50px;
      line-height: 50px;
      border-top: 1px solid #ddd;
    }
    .in-content .products-list .k-text {
        display: inline-block;
        vertical-align: top;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .el-input-number .el-input__inner {
        -webkit-appearance: none;
        padding-left: 50px;
        padding-right: 50px;
        text-align: center;
    }
    .el-input__inner {
        background-color: #fff;
        background-image: none;
        border-radius: 4px;
        border: 1px solid #dcdfe6;
        box-sizing: border-box;
        color: #606266;
        display: inline-block;
        font-size: inherit;
        height: 40px;
        line-height: 40px;
        outline: 0;
        padding: 0 15px;
        transition: border-color .2s cubic-bezier(.645,.045,.355,1);
        width: 80px;
    }

</style>
<form id="warehouse-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <div class="el-dialog__body">
        <div class="in-content">
            <div class="products-list">
                <div class="head-box">
                  <span class="k-text k1"><b>商品名</b></span> 
                  <span class="k-text k2"><b>SKU</b></span>
                  <span class="k-text k3"><b>数量</b></span>
                  <span class="k-text k4"><b>箱号</b></span>
                </div>
                <div class="list-content">
                    {foreach $items as $key=>$item}
                    <div class="pd-item">
                        <span class="k-text k1" >{$item.itemname}</span>
                        <span class="k-text k2">{$item.sku}</span>
                        <div class="k-text k3 el-input">
                            <input type="number" name="row[itemnum][]" min="1" step="1" max="1000000" class="el-input__inner" value="1">
                            <input type="hidden" name="row[itemname][]" value="{$item.itemname}">
                            <input type="hidden" name="row[itemsku][]" value="{$item.sku}">
                            <input type="hidden" name="row[itemid][]" value="{$item.id}">
                        </div>
                        <div class="k-text k4 el-input">
                          <input type="text" class="el-input el-input__inner" name="row[boxno][]" min="1" step="1" max="1000000"  value="1">
                        </div>
                        
                        <a href="javascript:;" class="btn btn-xs btn-danger del-item" data-original-title="删除"><i class="fa fa-trash"></i></a>
                    </div>
                    {/foreach}
                </div>
            </div>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">箱数</label>
        <div class="col-xs-12 col-sm-8">
          <input id="c-boxcount" data-rule="required" class="form-control form-control" name="row[boxcount]" type="number" value="1">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2"><strong>*</strong>仓库</label>
        <div class="col-xs-12 col-sm-8">
            <select name="row[warehouse_code]" id="c-warehouse_code" class="form-control">
                {foreach name="wms" item="vo"}
                <option value="{$vo.code}">{$vo.name}</option>
                {/foreach}
            </select>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">备注</label>
        <div class="col-xs-12 col-sm-8">
            <textarea id="c-remark" data-rule="" class="form-control" name="row[remark]"></textarea>
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>

